<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>音悦商城-全球明星周边商城-正品低价-品质保障-音悦台旗下</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/pop.css"/>
   <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>
    
</head>
<body>
<!-- header -->
<div class="header">
    <!-- head-top -->
    <div class="head-top">
        <div class="yinyue-container">
            <div class="yin-logo">
                <a href="index.html"><img src="img/logo/yinLogo.png"/></a>
            </div>
            <div class="top-menu">
                <div class="sina">
                    <p>官方微博</p>
                    <div class="popsina">
                        <img src="img/weibo.png" alt="">
                        <p class="scan">扫一扫</p>
                    </div>
                </div>
                <span class="split-line">|</span>
                <div class="wechat">
                    <p>关注微信</p>
                    <div class="popwechat">
                        <img src="img/weixin.jpg" alt="">
                        <p class="scan">扫一扫</p>
                    </div>
                </div>
                <span class="split-line">|</span>
                <a class="zhengpin" href="buyer-reading.html">购物须知</a>
            </div>
        </div>
    </div>
    <!-- head-top End -->

    <!-- head-main -->
    <div class="head-main">
        <div class="yinyue-container">
            <a class="shop-logo" href="index.html"><img src="img/logo/shop-logo-v1.png"/></a>
            <div class="shop-search">
                <input type="text" placeholder="搜索偶像、商品">
                <a class="search-btn" href="javascript:void(0);"></a>
            </div>
            <div class="user-box">
                <a href="javascript:void(0);" class="shop-loginBtn" id="loginPopup">登录</a>
                <a href="javascript:void(0)" class="my-order">我的订单</a>
                <a href="#" class="my-cart" target="_blank">购物车</a>
            </div>
        </div>
    </div>
    <!-- head-main End-->
    <!-- head-nav -->
    <div class="head-nav yinyue-container clearfix">
        <div class="nave-type">
            <a href="#">艺人分类</a>
        </div>
        <ul class="nav-box">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="album-list.html">专辑</a></li>
            <li><a href="#">明星周边</a></li>
            <li><a href="#">明星同款</a></li>
            <li><a href="#">个护美妆</a></li>
            <li><a href="#">影漫周边</a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">服装配饰</a></li>
        </ul>
    </div>
    <!-- head-nav End-->
</div>
<!-- header End -->
<!-- container -->
<div class="yinyue-container mb20">
    <!-- banner-box -->
    <div class="banner-box mb20">
        <!--大图列表-->
        <ul class="pics-list">
            <li><a href="album-detail.html"><img src="img/banner/1.jpg"/></a></li>
            <li><a href="album-detail.html"><img src="img/banner/2.jpg"/></a></li>
            <li><a href="album-detail.html"><img src="img/banner/3.jpg"/></a></li>
            <li><a href="album-detail.html"><img src="img/banner/4.jpg"/></a></li>
            <li><a href="album-detail.html"><img src="img/banner/5.jpg"/></a></li>
        </ul>
        <!--指示点列表-->
        <ul class="points-list">
            <li class="active">●</li>
            <li>●</li>
            <li>●</li>
            <li>●</li>
            <li>●</li>
        </ul>
        <div class="buts">
            <a href="javascript:;" class="prev"></a>
            <a href="javascript:;" class="next"></a>
        </div>
    </div>
    <!-- banner-box End -->
    <!-- scene-box 追星必备 -->
    <div class="scene-box mb20">
        <h3 class="mb10"><img src="img/zhuxing.png"/></h3>
        <div class="scene-box-main clearfix">
            <div class="necessary fl">
                <ul class="scene-box-main">
                    <li>
                        <a href="#">
                            <img src="img/necessary-1.png"/>
                            <p>官方应援手灯专区</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/necessary-2.gif"/>
                            <p>官方应援手幅专区</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/necessary-3.png"/>
                            <p>签名商品专区</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/necessary-4.gif"/>
                            <p>官方DVD专区</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="goods fr">
                <a href="album-detail.html"><img src="img/special.jpg"/></a>
            </div>
        </div>
    </div>
    <!-- scene-box 追星必备 End -->
    <!-- top-list  Top榜 -->
    <div class="top-list mb20">
        <h3 class="top-list-title mb10">
            <span class="title artists_title active">明星榜</span>
            <span class="title goods_title">商品榜</span>
        </h3>
        <div class="top-list-main">
            <ul class="list-of-star clearfix">
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a01.jpg"/>
                        <h6>薛之谦</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a02.jpg"/>
                        <h6>iKON</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a03.jpg"/>
                        <h6>鹿晗</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a04.jpg"/>
                        <h6>GOT7</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a05.jpg"/>
                        <h6>EXO</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a06.jpg"/>
                        <h6>Astro(韩国)</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a07.jpg"/>
                        <h6>Winner</h6>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/a/toplist_a08.jpg"/>
                        <h6>BigBang</h6>
                    </a>
                </li>
            </ul>
            <ul class="list-of-goods clearfix">
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b01.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b02.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b03.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b04.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b05.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b06.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b07.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/top/b/toplist_b08.jpg"/>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- top-list Top榜 End -->
    <!-- new-pro 新品首发 -->
    <div class="new-pro mb20">
        <h3 class="new-pro-title mb10"></h3>
        <div class="new-pro-main clearfix">
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/1.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/2.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/3.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/4.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/5.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/6.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/7.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/8.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
            <a href="album-detail.html">
                <dl class="clearfix">
                    <dt><img src="img/pro/9.jpg"/></dt>
                    <dd>
                        <h4 class="goods-name">【现货包邮】加一联创1more bear 万魔熊 头戴式耳机支架公仔熊[K14]</h4>
                        <p class="goods-price">&yen;50</p>
                        <div class="like">
                            <span class="like-icon"></span>
                            <i class="like-num">0</i>
                        </div>
                    </dd>
                </dl>
            </a>
        </div>
    </div>
    <!-- new-pro 新品首发 End-->
</div>
<!-- container End -->
<!-- footer -->
<div class="footer">
    <!--footer-service-->
    <div class="footer-service">
        <img src="img/footer_v180123.png"/>
    </div>
    <!--footer-service End-->
    <!--footer-link-->
    <div class="footer-link">
        <a href="#" target="_blank" title="关于我们">关于我们</a>
        <span class="ico_line"></span>
        <a href="#" target="_blank" title="人才招聘">人才招聘</a>
        <span class="ico_line"></span>
        <a href="#" target="_blank" title="联系我们">联系我们</a>
        <span class="ico_line"></span>
        <a href="#" target="_blank" title="友情链接">友情链接</a>
        <span class="ico_line"></span>
        <a href="#" target="_blank" title="版权声明">版权声明</a>
        <span class="ico_line"></span>
        <a href="#" target="_blank" title="客服中心">客服中心</a>
    </div>
    <!--footer-link End-->
    <!--footer-copy-->
    <div class="footer-copy">
        <a href="#" target="_blank" class="culture"><img src="img/culture.png"></a>
        Copyright © 2009 - 2016 yinyuetai.com 广播电视节目制作经营 许可证编号(京)字第1891号 |
        <a href="#" target="_blank">京网文[2014]2037-287号</a>
        |
        <a href="#" title="网络视听许可证0110413号">网络视听许可证0110413号</a><br>
        <a class="police-store" href="#">京公网安备11010502014900号</a>
        | 京ICP备11024134号-1 | 京ICP证060716号 | 出版物经营许可证 新出发京零字第朝130062号 | 增值电信业务经营许可证B2-20140501
        <a href="#" target="_blank" class="biaoshi"><img src="img/biaoshi.gif"></a>
    </div>
    <!--footer-copy End-->
    <div>
        <p>食品经营许可s证:JY11105040485363 |
            <a href="#" target="_blank">营业执照</a>
        </p>
    </div>
</div>
<!-- footer End -->
<!-- pop-wrapper 窗口 -->
<div class="pop-wrapper">
    <!-- form-wrap 窗口主内容区-->
    <div class="form-wrap">
        <!-- 标题栏 form-tab -->
        <div class="form-tab">
            <a href="javascript:;" class="active">登录</a>
            <a href="javascript:;">注册</a>
        </div>
        <!-- 主内容区 form-main -->
        <div class="form-main">
            <form class="form-login" action="" method="post">
                <div class="input-field">
                    <input type="text" name="phone" class="text-long" placeholder="请输入手机号码或邮箱">
                </div>
                <div class="input-field">
                    <input type="password" class="text-long" placeholder="请输入密码">
                </div>
                <label class="fun-wrap">
                    <input type="checkbox" name="autologin" checked=""><span>自动登录</span>
                </label>
                <div class="input-field btns">
                    <input type="submit" class="btn-submit" value="登录"/>
                </div>
            </form>
            <form class="form-register" action="" method="post" style="display: none;">
                <div class="input-field">
                    <input type="text" name="phone" class="text-long" placeholder="请输入手机号码或邮箱">
                </div>
                <div class="input-field">
                    <input type="password" class="text-long" placeholder="请输入密码">
                </div>
                <div class="input-field">
                    <input type="text" name="code" class="text-short" placeholder="请输入验证码">
                    <input type="button" class="get-code fr" value="获取验证码">
                </div>
                <div class="input-field btns">
                    <input type="submit" class="btn-submit" value="立即注册"/>
                </div>
                <label class="fun-wrap">
                    <input type="checkbox" name="agree" checked="">
                    <span>我已阅读并同意<a href="#">《音悦Tai服务条款》</a></span>
                </label>
            </form>
        </div>
        <!-- 主内容区 form-main End -->
    </div>
    <a href="javascript:;" class="close-btn">关闭</a>
</div>
<!-- pop-wrapper 窗口  End -->
<!-- pop-bg 遮罩层 -->
<div class="pop-bg"></div>
<!-- pop-bg 遮罩层 End -->
</body>
</html>